

<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>上课流程</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/process.css">
    </head>
    <body>
        <div class="container">
            <header>
                <div class="menu flex flex-align-items">
                    <a href="index.html" class="logo"><img src="img/common/logo.png" alt="logo"></a>
                    <nav class="pc">
                        <a href="index.html">首页</a>
                        <a href="course.html">课程体系</a>
                        <a href="team.html">师资</a>
                        <a href="process.html">如何上课</a>
                        <a href="about.html">关于我们</a>
                        <a href="news.html">新闻资讯</a>
                        <a href="contact.html">联系我们</a>
                    </nav>
                    <div class="mobileMenuBtn flex flex-align-items flex-justify-content cursor">
                        <div class="contn">
                            <span></span>
                            <span class="mid"></span>
                            <span></span>
                        </div>
                    </div>
                    <div class="mobileMenu flex flex-align-items flex-justify-content">
                        <a href="index.html">首页</a>
                        <a href="course.html">课程体系</a>
                        <a href="team.html">师资</a>
                        <a href="process.html">如何上课</a>
                        <a href="about.html">关于我们</a>
                        <a href="news.html">新闻资讯</a>
                        <a href="contact.html">联系我们</a>
                    </div>
                </div>
            </header>
            <main>
                <div class="headPic ready">
                    <div class="shave"></div>
                    <img class="obj-c" src="img/process/headPic.jpg" alt="页头图片">
                </div>
                <div class="methods">
                    <div class="fluid ready">
                        <div class="title">
                            <p class="delay-1">SUPPORT MULTI-PLATFORM TEACHING MODE</p>
                            <i class="delay-2"></i>
                            <p class="delay-3">支持多平台上课方式</p>
                        </div>
                        <p>多平台接入课堂，学习方式灵活多样，零碎时间利用率高</p>
                        <div class="contn">
                            <div class="round">
                                <div class="pic">
                                    <img src="img/process/devices.jpg" alt="设备图">
                                </div>
                                <div class="bg"></div>
                            </div>
                            <div class="tips">
                                <div class="item">
                                    <p class="txt flex flex-align-items">PC/iPad/手机APP</p>
                                    <p class="bg"></p>
                                </div>
                                <div class="item">
                                    <p class="txt flex flex-align-items">联网随时随地学英语</p>
                                    <p class="bg"></p>
                                </div>
                                <div class="item">
                                    <p class="txt flex flex-align-items">提高时间利用率</p>
                                    <p class="bg"></p>
                                </div>
                                <div class="item">
                                    <p class="txt flex flex-align-items">碎片时间学英语</p>
                                    <p class="bg"></p>
                                </div>
                            </div>
                        </div>
                        <a href="contact.html" class="cursor btn">在线预约</a>
                    </div>
                </div>
                <div class="recourse">
                    <div class="headPic ready">
                        <p class="shave flex flex-justify-content">
                            <span>海量资源任你选</span>
                        </p>
                        <img class="obj-c" src="img/process/recourseHead.jpg" alt="">
                    </div>
                    <div class="list">
                        <div class="item flex">
                            <div class="pic">
                                <i class="tplft horizontal"></i>
                                <i class="lft vertical"></i>
                                <i class="rht vertical"></i>
                                <i class="btmrht horizontal"></i>
                                <img class="obj-c" src="img/process/recourse1.jpg" alt="学习资源配图">
                            </div>
                            <div class=txt>
                                <p class="itemTitle">中外名师真人线上授课，全方位互动答疑</p>
                                <p class="line flex">
                                    <span></span>
                                    <span></span>
                                </p>
                                <p class="info">十大金牌讲师轮流授课，课堂支持多方互动，随堂提问，立刻解答，交互性学习更有激情！一对一纠正口型口音，轻松实现流利口语。</p>
                                <a href="contact.html" class="cursor">立即体验 >></a>
                            </div>
                        </div>
                        <div class="item flex">
                            <div class="pic">
                                <i class="tplft horizontal"></i>
                                <i class="lft vertical"></i>
                                <i class="rht vertical"></i>
                                <i class="btmrht horizontal"></i>
                                <img class="obj-c" src="img/process/recourse2.jpg" alt="学习资源配图">
                            </div>
                            <div class=txt>
                                <p class="itemTitle">学员专享课程录播，优质课程尽在穿石</p>
                                <p class="line flex">
                                    <span></span>
                                    <span></span>
                                </p>
                                <p class="info">重点难点反复学，课后复习查漏补缺效率高，扫清英语障碍，知识巩固更牢靠。</p>
                                <a href="contact.html" class="cursor">立即体验 >></a>
                            </div>
                        </div>
                        <div class="item flex">
                            <div class="pic">
                                <i class="tplft horizontal"></i>
                                <i class="lft vertical"></i>
                                <i class="rht vertical"></i>
                                <i class="btmrht horizontal"></i>
                                <img class="obj-c" src="img/process/recourse3.jpg" alt="学习资源配图">
                            </div>
                            <div class=txt>
                                <p class="itemTitle">终身制24小时学习平台在线答疑</p>
                                <p class="line flex">
                                    <span></span>
                                    <span></span>
                                </p>
                                <p class="info">终身享有全天候辅助学习平台权限，24小时名师在线答疑，纠音、单词、语法、写作、商务英语、英美文化，各大专题课任你选！</p>
                                <a href="contact.html" class="cursor">立即体验 >></a>
                            </div>
                        </div>
                        <div class="item flex">
                            <div class="pic">
                                <i class="tplft horizontal"></i>
                                <i class="lft vertical"></i>
                                <i class="rht vertical"></i>
                                <i class="btmrht horizontal"></i>
                                <img class="obj-c" src="img/process/recourse4.jpg" alt="学习资源配图">
                            </div>
                            <div class=txt>
                                <p class="itemTitle">微信端全天语音学习知识推送，随点随学</p>
                                <p class="line flex">
                                    <span></span>
                                    <span></span>
                                </p>
                                <p class="info">随身携带的英语知识库，一点就能学，实现无处不在的知识输入!</p>
                                <a href="contact.html" class="cursor">立即体验 >></a>
                            </div>
                        </div>
                    </div>
                </div>
            </main>
            <footer>
                <nav class="flex flex-justify-content">
                    <a href="index.html">首页</a>
                    <a href="course.html">课程体系</a>
                    <a href="team.html">师资</a>
                    <a href="process.html">如何上课</a>
                    <a href="about.html">关于我们</a>
                    <a href="news.html">新闻资讯</a>
                    <a href="contact.html">联系我们</a>
                </nav>
                <p>
                    Copyright © 宁波穿石网络科技有限公司 All rights reserved
                    <span>技术支持：穿石科技</span>
                </p>
            </footer>
        </div>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/swiper.js"></script>
        <script>
                var flag_lianxing= JSON.parse(sessionStorage.getItem('flag_lianxing'));
                if (typeof jQuery == 'undefined') {
                    console.log(" 未加载")
                    if(flag_lianxing){
                        console.log("自动刷新一次未加载")
                    }else{
                        sessionStorage.setItem('flag_lianxing', JSON.stringify("1"));
                        window.location.reload();
                    }
            
                } else {
                    console.log(" 已加载")
                }
        </script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        
    </body>
    
</html>